<!--
 * @Descripttion: 
 * @Author: Wang Dejiang(aei)
 * @Date: 2022-04-23 16:35:22
 * @LastEditors: Wang Dejiang(aei)
 * @LastEditTime: 2022-04-24 00:13:53
-->
<template>
  <div :style="{ background: bacStyle }" class="topContainer">
    <span style="margin-right: 20px">冀ICP备2021011222号-3</span>
    <img
      style="height: 20px; width: 22px"
      src="../assets/image/ICP.d0289dc0.png"
    />
    <span>
      <a
        href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=13092202000300"
        class="text2"
        data-v-931aebae=""
        >冀公网安备 13092202000300号</a
      >
    </span>
  </div>
</template>

<script setup lang="ts">
import { onMounted } from 'vue'

interface Props {
  bacStyle?: string
}
const props = withDefaults(defineProps<Props>(), {
  bacStyle: '#00000000',
})
</script>

<style lang="less">
.topContainer {
  position: absolute;
  bottom: 5px;
  width: 100vw;
  display: flex;
  justify-content: center;
  color: #fafafa66;
}

a {
  color: #fafafa66 !important;
}
</style>
